<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf8"></head><body style="width: 320;">

		<style>
#configBox {
	font-size: 8pt;
	font-family: Arial,sans-serif;
	position: relative;
	margin: 0;
	background-color: #E5ECF9;
	color: black;
}

#newScheduleLink {
	position: absolute;
	right: 0;
	z-index: 2;
}

#clockBox {
	text-align: center;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}


a.unselectedDay {
	position: relative;
	z-index: 2;
}

a.selectedDay {
	color: black;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
	position: relative;
	z-index: 2;
}


#day0Link {
	color: red;
}

#newScheduleBox {
	font-size: 10pt;
	font-family: Arial,sans-serif;
	line-height: 2;
	display: none;
}

#newScheduleBox select {
	font-size: 10pt;
	font-family: Arial,sans-serif;
}

#stopNameSelect, #lineNumberSelect {
	width: 220px;
	position: absolute;
	right: 0;
	margin: 5;
}

#buttonsBox {
	position:absolute;
	right: 0;
	margin: 5;
	line-height: normal;
}
button {
	margin: 0 3;
}


#schedulesBox {
	font-family: Arial,sans-serif;
}

.scheduleBox {
	margin:	5px 0px;
	font-size: 10pt;
}

.scheduleHeaderBox {
	display: table;
	background-color: #E5ECF9;
	padding: 0;
	margin:	1px 0px;
	width: 100%;
}

.scheduleDraggerBox {
	display: table;
	margin: 0;
	padding: 0;
}

.lineNumberBox {
	display: table-cell;
	vertical-align: middle;
	font-size: 24pt;
	text-align: center;
	width: 60;
	font-weight: bold;
	z-index: 2;
}

.lineDescriptionBox {
	display: table-cell;
	vertical-align: middle;
}

.stopNameBox {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

.directionBox {
	font-size: 8pt;
	text-align: left;
	text-transform: capitalize;
}


.scheduleButtonsBox {
	width: 15px;
	font-size: 8pt;
	color: red;
	display: table-cell;
	vertical-align: middle;
}

.showFullButton {
	display: block;
	width: 12;
	height: 16;
	background-image: url(http://sowa.dyndns.org/full.png);
	background-repeat: no-repeat;
	margin: 3;
}

.showFullButton:hover {
	background-image: url(http://sowa.dyndns.org/full_highlight.png);
}

.showShortButton {
	display: block;
	width: 12;
	height: 16;
	background-image: url(http://sowa.dyndns.org/short.png);
	background-repeat: no-repeat;
	margin: 3;
}

.showShortButton:hover {
	background-image: url(http://sowa.dyndns.org/short_highlight.png);
}

.removeButton {
	display: block;
	width: 12;
	height: 12;
	background-image: url(http://sowa.dyndns.org/delete.png);
	background-repeat: no-repeat;
	margin: 3;
}

.removeButton:hover {
	background-image: url(http://sowa.dyndns.org/delete_highlight.png);
}

.departuresBox {
	background-color: #FFFFE0;
	clear:both;
}

.departuresHeader {
	font-weight: bold;
}

.departure {
	white-space: nowrap;
}

.departureTime {
	font-weight: bold;
}




.departuresTable {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	width: 100%;
	border-spacing: 2px 0;
}



.departuresTableHeader {
	font-weight: bold;
	background-color: #F0F0C0;
	text-align: center;
}

.departuresTable td {
	margin: 0px;
	padding: 0px 5px;
}

.departuresTableRow1 {
	background-color: #F7F7D0;
}

.hoursCol {
	font-weight: bold;
}

</style>

<div id="configBox">
		<a id="mondayLink" class="unselectedDay" href="javascript:void(0)" onClick="setDay(1)">Pn</a>
		<a id="tuesdayLink" class="unselectedDay" href="javascript:void(0)" onClick="setDay(2)">Wt</a>
		<a id="wednesdayLink" class="unselectedDay" href="javascript:void(0)" onClick="setDay(3)">Śr</a>
		<a id="thursdayLink" class="selectedDay" href="javascript:void(0)" onClick="setDay(4)">Cz</a>
		<a id="fridayLink" class="unselectedDay" href="javascript:void(0)" onClick="setDay(5)">Pt</a>
		<a id="saturdayLink" class="unselectedDay" href="javascript:void(0)" onClick="setDay(6)">So</a>
		<a id="sundayLink" class="unselectedDay" href="javascript:void(0)" onClick="setDay(0)">Nd</a>
		<a id="newScheduleLink" href="javascript:void(0)" onClick="showNewScheduleBox()">Dodaj rozkład</a>
		<div id="clockBox">13:13</div>
</div>
<div id="newScheduleBox">
	<form id="newScheduleForm" onSubmit="addSchedule()">
		<div>
			Przystanek:
			<select name="stopName" id="stopNameSelect" onChange="setLinesForStop()"></select>
		</div>
		<div>
			Numer linii:
			<select name="lineNumber" id="lineNumberSelect" onClick="tryActiveButton()"></select>
		</div>
		<div>
			<input type="radio" name="limitBy" id="limitByMinutes" value="min" onClick="tryActiveButton()"/>Odjazdy przez najbliższe
			<select name="minLimit">
				<option value="10">10</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
				<option value="50">50</option>
				<option value="60">60</option>
			</select>minut
			<br/>
			<input type="radio" name="limitBy" id="limitByDepartures" value="dep" onChange="tryActiveButton()"/>Najbliższe
			<select name="depLimit">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
			</select>odjazdów
		</div>
		<div id="buttonsBox">
			<input type="submit" value="Dodaj" id="addScheduleButton"/>
			<button name="cancel" onClick="hideNewScheduleBox()">Anuluj</button>
		</div>
	</form>
</div>



<div id="schedulesBox">

	<div id="schedule0Box" class="scheduleBox">
		<div class="scheduleHeaderBox">
			<div class="scheduleDraggerBox">
				<div class="lineNumberBox">4</div>
				<div class="lineDescriptionBox">
					<div class="stopNameBox">Dupa</div>
					<div class="directionBox">KIERUNEK: zbita</div>
				</div>
			</div>
			<div class="scheduleButtonsBox">
				<a title="Usuń ten rozkład" href="javascript:void(0)" class="removeButton"></a>
				<a title="Pokaż pełny rozkład" href="javascript:void(0)" class="showFullButton"></a>
			</div>
		</div>

		<div id="departures0Box" class="departuresBox">
		<table class="departuresTable">
			<thead class="departuresTableHeader">
				<tr>
					<td> </td>
					<td>Pn, Wt, Śr, Czw, Pt</td>
					<td>Sob</td>
					<td>Święta</td>
				</tr>
			</thead>
			<tbody class="departuresTableBody">
				<tr class="departuresTableRow0"><td class="hoursCol">5</td><td>26 56 </td><td>-</td><td>-</td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">6</td><td>26 41 56 </td><td>41 </td><td>37 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">7</td><td>15 28 43 59 </td><td>53 </td><td>-</td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">8</td><td>15 31 46 </td><td>27 </td><td>-</td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">9</td><td>02 18 37 </td><td>06 46 </td><td>11 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">10</td><td>03 34 </td><td>46 </td><td>06 43 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">11</td><td>04 34 </td><td>26 </td><td>23 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">12</td><td>04 34 </td><td>06 46 </td><td>01 40 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">13</td><td>04 24 51 </td><td>26 </td><td>20 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">14</td><td>06 21 36 51 </td><td>06 46 </td><td>00 40 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">15</td><td>06 21 36 51 </td><td>26 </td><td>20 58 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">16</td><td>06 21 36 51 </td><td>06 46 </td><td>38 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">17</td><td>06 23 38 53 </td><td>38 </td><td>17 59 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">18</td><td>07 20 36 49 </td><td>15 </td><td>52 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">19</td><td>17 45 </td><td>15 55 </td><td>33 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">20</td><td>01 18 47 </td><td>34 </td><td>12 53 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">21</td><td>17 43 </td><td>09 51 </td><td>33 </td></tr>
				<tr class="departuresTableRow1"><td class="hoursCol">22</td><td>24 </td><td>26 </td><td>13 43 </td></tr>
				<tr class="departuresTableRow0"><td class="hoursCol">23</td><td>01 </td><td>-</td><td>-</td></tr>
			</tbody>
		</table>
		</div>
	</div>

	<div id="schedule0Box" class="scheduleBox">
		<div class="scheduleButtonsBox"><a href="javascript:void()" class="removeButton"></a><a href="javascript:void()" class="showFullButton"></a></div>
		<div class="scheduleHeaderBox">
			<div class="lineNumberBox">4</div>
			<div class="lineDescriptionBox">
				<div class="stopNameBox">Dworzec Glowny Zachod (Galeria)</div>
				<div class="directionBox">KIERUNEK: Wola Radziszowska Mala Ostra Gora</div>
			</div>
		</div>
		<div id="departures0Box" class="departuresBox">
		</div>
	</div>

		<div id="schedule0Box" class="scheduleBox">
		<div class="scheduleButtonsBox"><a href="javascript:void()" class="removeButton"></a><a href="javascript:void()" class="showFullButton"></a></div>
		<div class="scheduleHeaderBox">
		<div class="lineNumberBox">144</div>
		<div class="lineDescriptionBox">
		<div class="stopNameBox">Czarnowiejska</div>
		<div class="directionBox">KIERUNEK: Prądnik Biały</div>
		</div>
		</div>
		<div id="departures0Box" class="departuresBox">


		</div>

</div>
</body></html>



<script type="text/javascript">

	function addSchedule() {
	hideNewScheduleBox();
	}

	function tryActiveButton() {
		if(document.getElementById('stopNameSelect').selectedIndex > 0 && document.getElementById('lineNumberSelect').selectedIndex > 0 &&
		(document.getElementById('limitByDepartures').checked || document.getElementById('limitByMinutes').checked))
		document.getElementById('addScheduleButton').removeAttribute('disabled');
		else
			document.getElementById('addScheduleButton').setAttribute('disabled','disabled');
	}

	function setLinesForStop() {

		var selectLineNumberEl = document.getElementById('lineNumberSelect');
		while (selectLineNumberEl.length > 0) selectLineNumberEl.remove(0);
		selectLineNumberEl.setAttribute('disabled','disabled');

		var selectStopNameEl = document.getElementById("stopNameSelect");
		if(selectStopNameEl.selectedIndex == 0) {
			return;
		}

		var linesListSite="http://rozklady.mpk.krakow.pl/aktualne/" + selectStopNameEl.options[selectStopNameEl.selectedIndex].value;

		var optionEl = document.createElement('option');
		optionEl.appendChild(document.createTextNode('Wczytywanie listy rozkładów...'));
		optionEl.setAttribute('value','null');
		selectLineNumberEl.appendChild(optionEl);

// 		_IG_FetchXmlContent(linesListSite,function (linesListSiteDOM) {
	//
// 			if (linesListSiteDOM == null || typeof(linesListSiteDOM) != "object" || linesListSiteDOM.firstChild == null) {
// 				selectStopNameEl.firstChild.firstChild.nodeValue='Nie udało się wczytać listy';
// 				return;
// }
//
// 			var linesList = linesListSiteDOM.getElementsByTagName('li');
// 			for (i in linesList) {
// 				var tmp = linesList[i].firstChild;
// 				selectLineNumberEl.firstChild.firstChild.nodeValue='Wybierz linię i kierunek';
// 				if(tmp) {
// 					if (tmp.firstChild.nodeValue == "Inne przystanki") continue;
// 					var optionEl = document.createElement('option');
// 					optionEl.appendChild(document.createTextNode(tmp.firstChild.nodeValue));
// 					optionEl.setAttribute('value',tmp.getAttribute('href'));
// 					selectLineNumberEl.appendChild(optionEl);
// }
// }
// 			selectLineNumberEl.removeAttribute('disabled');
// });
	}

	function showNewScheduleBox() {
		var stationsListSite="http://rozklady.mpk.krakow.pl/aktualne/przystan.htm";

		var selectStopNameEl = document.getElementById('stopNameSelect');
		while (selectStopNameEl.length > 0) selectStopNameEl.remove(0);
		selectStopNameEl.setAttribute('disabled','disabled');
		var selectLineNumberEl = document.getElementById('lineNumberSelect');
		while (selectLineNumberEl.length > 0) selectLineNumberEl.remove(0);
		document.getElementById('lineNumberSelect').setAttribute('disabled','disabled');
		document.getElementById('addScheduleButton').setAttribute('disabled','disabled');

		var optionEl = document.createElement('option');
		optionEl.appendChild(document.createTextNode('Wczytywanie listy przystanów...'));
		optionEl.setAttribute('value','null');
		selectStopNameEl.appendChild(optionEl);

// 		_IG_FetchXmlContent(stationsListSite,function (stationListSiteDOM) {
	//
// 		if (stationListSiteDOM == null || typeof(stationListSiteDOM) != "object" || stationListSiteDOM.firstChild == null) {
// 				selectStopNameEl.firstChild.firstChild.nodeValue='Nie udało się wczytać listy';
// 				return;
// }
//
// 			var stationsList = stationListSiteDOM.getElementsByTagName('li');
// 			selectStopNameEl.firstChild.firstChild.nodeValue='Wybierz przystanek';
// 			for (i in stationsList) {
// 				tmp = stationsList[i].firstChild;
// 				if(tmp) {
// 					var optionEl = document.createElement('option');
// 					optionEl.appendChild(document.createTextNode(tmp.firstChild.nodeValue));
// 					optionEl.setAttribute('value',tmp.getAttribute('href'));
// 					selectStopNameEl.appendChild(optionEl);
// }
// }
// 			selectStopNameEl.removeAttribute('disabled');
// });
		document.getElementById("newScheduleBox").style.display='block';
		document.getElementById("newScheduleButtonBox").style.display='none';
	}

	function hideNewScheduleBox() {
		document.getElementById("newScheduleBox").style.display='none';
		document.getElementById("newScheduleButtonBox").style.display='block';
	}

	</script>
